
table.fake-suit{
  border: 1px solid #DDD;
  border-radius:6px;

  th{
    font-weight: bold;
    background:{
      color: #e5e5e5;
      image: linear-gradient(to bottom, #f3f3f3, #e5e5e5);
    }
    //background-image: linear-gradient(to bottom, #f3f3f3, #e5e5e5);
  }

  td{
    border-left: 1px solid #F5F5F5;
  }

  tr>td:first-child{
    border-left: none;
  }

  tbody {
      tr{
        background-color: white;
    }
      td{
        border-top:1px solid #E7E7E7;
        padding:{
          top: 3px;
          bottom: 3px;
        }
        //padding-bottom: 3px;
      }
      tr:nth-child(even){
        background-color: #FAFAFA;
      }
      tr:hover{
        background-color: #F5F5F5;
      }
  }

}

.paginator{
  input{
    width:20px;
  }
  .page-input-block{
    display: inline-block;
  }
  button{
    vertical-align: top;
  }
}

.sort-mark img{
  width:10px;
}

ul.pagination li {display: inline;cursor: pointer}

ul.pagination li span {
  color: black;
  float: left;
  padding: 4px 10px;
  text-decoration: none;
  border: 1px solid #ddd;
}

ul.pagination li span.active {
  background-color: #4CAF50;
  color: white;
}

ul.pagination li span:hover:not(.active) {background-color: #ddd;}


.com-filter{
  .date-filter{
    padding-left: 10px;
    span{
      padding-left: 5px;
    }
    .datetime-picker{
      min-width: 10em;
      max-width:14em;
    }
  }

}
